@import url(../../../vendors/icomoon/style.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,600,700,400,800);
/** J.M. Cope Construction Management */
/** Settings */
/** Vendor prefix mixin  ‘@include vendor(box-shadow, 1px 1px 1px #fff);’ */
/** Respond theme _functions */
/** Grid */
* { box-sizing: border-box; }

.row { width: 1040px; max-width: 100%; min-width: 340px; margin: 16px auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 16px -16px; }
.row .row.collapse .column, .row .row.collapse .columns { margin: 0; }
.row.collapse .column, .row.collapse .columns { padding: 0; }

.column, .columns { float: left; min-height: 1px; padding: 0 16px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }

.one { width: 8.33333%; }
@media screen and (max-width: 759px) { .one { float: none; width: 100%; } }

.two { width: 16.66667%; }
@media screen and (max-width: 759px) { .two { float: none; width: 100%; } }

.three { width: 25%; }
@media screen and (max-width: 759px) { .three { float: none; width: 100%; } }

.four { width: 33.33333%; }
@media screen and (max-width: 759px) { .four { float: none; width: 100%; } }

.five { width: 41.66667%; }
@media screen and (max-width: 759px) { .five { float: none; width: 100%; } }

.six { width: 50%; }
@media screen and (max-width: 759px) { .six { float: none; width: 100%; } }

.seven { width: 58.33333%; }
@media screen and (max-width: 759px) { .seven { float: none; width: 100%; } }

.eight { width: 66.66667%; }
@media screen and (max-width: 759px) { .eight { float: none; width: 100%; } }

.nine { width: 75%; }
@media screen and (max-width: 759px) { .nine { float: none; width: 100%; } }

.ten { width: 83.33333%; }
@media screen and (max-width: 759px) { .ten { float: none; width: 100%; } }

.eleven { width: 91.66667%; }
@media screen and (max-width: 759px) { .eleven { float: none; width: 100%; } }

.twelve { width: 100%; }
@media screen and (max-width: 759px) { .twelve { float: none; width: 100%; } }

img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none!important; }

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }

/** Block grid */
.block-grid { display: block; overflow: hidden; padding: 0; *zoom: 1; }
.block-grid:before, .block-grid:after { content: ""; display: table; }
.block-grid:after { clear: both; }
@media screen and (min-width: 760px) { .block-grid > li { display: block; height: auto; float: left; } }
.block-grid.one-up { margin: 0; }
.block-grid.one-up > li { padding: 0 0 15px; }
@media screen and (min-width: 760px) { .block-grid.one-up > li { width: 100%; } }
.block-grid.two-up { margin: 0 -4px; }
.block-grid.two-up > li { padding: 0 4px 4px; }
.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
@media screen and (min-width: 760px) { .block-grid.two-up > li { width: 50%; } }
.block-grid.three-up { margin: 0 -4px; }
.block-grid.three-up > li { padding: 0 4px 4px; }
.block-grid.three-up > li:nth-child(3n+1) { clear: both; }
@media screen and (min-width: 760px) { .block-grid.three-up > li { width: 33.33333%; } }
.block-grid.four-up { margin: 0 -4px; }
.block-grid.four-up > li { padding: 0 4px 4px; }
.block-grid.four-up > li:nth-child(4n+1) { clear: both; }
@media screen and (min-width: 760px) { .block-grid.four-up > li { width: 25%; } }
.block-grid.five-up { margin: 0 -4px; }
.block-grid.five-up > li { padding: 0 4px 4px; }
.block-grid.five-up > li:nth-child(5n+1) { clear: both; }
@media screen and (min-width: 760px) { .block-grid.five-up > li { width: 20%; } }
.block-grid.six-up { margin: 0 -4px; }
.block-grid.six-up > li { padding: 0 4px 4px; }
.block-grid.six-up > li:nth-child(6n+1) { clear: both; }
@media screen and (min-width: 760px) { .block-grid.six-up > li { width: 16.66667%; } }
.block-grid.seven-up { margin: 0 -4px; }
.block-grid.seven-up > li { padding: 0 4px 4px; }
.block-grid.seven-up > li:nth-child(7n+1) { clear: both; }
@media screen and (min-width: 760px) { .block-grid.seven-up > li { width: 14.28571%; } }
.block-grid.eight-up { margin: 0 -4px; }
.block-grid.eight-up > li { padding: 0 4px 4px; }
.block-grid.eight-up > li:nth-child(8n+1) { clear: both; }
@media screen and (min-width: 760px) { .block-grid.eight-up > li { width: 12.5%; } }
.block-grid.nine-up { margin: 0 -4px; }
.block-grid.nine-up > li { padding: 0 4px 4px; }
.block-grid.nine-up > li:nth-child(9n+1) { clear: both; }
@media screen and (min-width: 760px) { .block-grid.nine-up > li { width: 11.11111%; } }
.block-grid.ten-up { margin: 0 -4px; }
.block-grid.ten-up > li { padding: 0 4px 4px; }
.block-grid.ten-up > li:nth-child(10n+1) { clear: both; }
@media screen and (min-width: 760px) { .block-grid.ten-up > li { width: 10%; } }
.block-grid.eleven-up { margin: 0 -4px; }
.block-grid.eleven-up > li { padding: 0 4px 4px; }
.block-grid.eleven-up > li:nth-child(11n+1) { clear: both; }
@media screen and (min-width: 760px) { .block-grid.eleven-up > li { width: 9.09091%; } }
.block-grid.twelve-up { margin: 0 -4px; }
.block-grid.twelve-up > li { padding: 0 4px 4px; }
.block-grid.twelve-up > li:nth-child(12n+1) { clear: both; }
@media screen and (min-width: 760px) { .block-grid.twelve-up > li { width: 8.33333%; } }

/** Gradient  @param $property The CSS property to transition @param $duration How long the transition should take @param $timing The function used to calcualte the transition animation [ease, ease-out, ease-in, ease-in-out, linear, cubic-bezier(0.1, 0.7, 0.1, 0.1), step-start, step-stop, steps(4, end)] @param $delay How long before the transition starts */
html { font-size: 62.5%; }

/* Liriope: base body font size */
body { font-size: 14px; font-size: 1.4rem; }

h1 { font-size: 48px; font-size: 4.8rem; }

h2 { font-size: 36px; font-size: 3.6rem; }

h3 { font-size: 28px; font-size: 2.8rem; }

h4 { font-size: 23px; font-size: 2.3rem; }

h5 { font-size: 18px; font-size: 1.8rem; }

h6 { font-size: 14px; font-size: 1.4rem; }

/** Transition  @param $property The CSS property to transition @param $duration How long the transition should take @param $timing The function used to calcualte the transition animation [ease, ease-out, ease-in, ease-in-out, linear, cubic-bezier(0.1, 0.7, 0.1, 0.1), step-start, step-stop, steps(4, end)] @param $delay How long before the transition starts */
/** Border Radius Rounded corners */
/** Buttonify */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { background-color: #e8e7e3; overflow-y: scroll; }

html, body { min-height: 100%; }

body { position: relative; margin: 0 auto; font-family: "Open Sans", "Helvetica Neue", Helvetica, "Trebuchet MS", Arial, sans-serif; color: #333333; line-height: 1.68; padding-bottom: 14; }
@media screen and (max-width: 759px) { body { width: 340px; width: 34rem; }
  body > .super-hero, body > .site-header { padding-left: 13.0764px; padding-left: 1.30764rem; padding-right: 13.0764px; padding-right: 1.30764rem; } }
@media screen and (min-width: 760px) and (max-width: 1039px) { body { width: 760px; width: 76rem; }
  body > .super-hero, body > .site-header { padding-left: 29.2296px; padding-left: 2.92296rem; padding-right: 29.2296px; padding-right: 2.92296rem; } }
@media screen and (min-width: 1040px) { body { width: 1040px; width: 104rem; }
  body > .super-hero, body > .site-header { padding-left: 39.9984px; padding-left: 3.99984rem; padding-right: 39.9984px; padding-right: 3.99984rem; } }

section { margin-top: 14px; }

figure { margin: 14px 0; }
figure > img { display: block; }

figcaption > p { margin: 0.25em 0; }

:focus { outline: none; }

::selection { background: #9e372a; color: #fff; }

a, a:link, a:active, a:visited { color: #9e372a; -webkit-transition-property: color; -moz-transition-property: color; -ms-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.125s; -moz-transition-duration: 0.125s; -ms-transition-duration: 0.125s; -o-transition-duration: 0.125s; transition-duration: 0.125s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
a:hover, a:link:hover, a:active:hover, a:visited:hover { color: #39140f; }

aside { float: right; margin: 0 0 1em 1em; padding: .75em; width: 25%; border-style: solid; border-width: 0 0 0 1px; }
aside.left { float: left; margin: 0 1em 1em 0; border-width: 0 1px 0 0; }

iframe { border: 0 none; }

p { margin-top: 14px; margin-top: 1.4rem; margin-bottom: 14px; margin-bottom: 1.4rem; }

.l-left { float: left; margin-right: 14px; }

.l-inline { margin-top: 0; margin-left: 0; padding: 0; list-style: none; }
.l-inline > li { display: inline; }

.l-align-center { text-align: center; }

@media screen and (max-width: 759px) { .l-full-width { width: 340px; padding-left: 13.0764px; padding-left: 1.30764rem; padding-right: 13.0764px; padding-right: 1.30764rem; margin-left: -16px; } }
@media screen and (min-width: 760px) and (max-width: 1039px) { .l-full-width { width: 760px; padding-left: 29.2296px; padding-left: 2.92296rem; padding-right: 29.2296px; padding-right: 2.92296rem; margin-left: -16px; } }
@media screen and (min-width: 1040px) { .l-full-width { width: 1040px; padding-left: 39.9984px; padding-left: 3.99984rem; padding-right: 39.9984px; padding-right: 3.99984rem; margin-left: -16px; } }

.t-no-underline { text-decoration: none; }

.t-footnote-text { font-weight: 100; font-size: 12.25px; font-size: 1.225rem; }

.t-large-text { font-size: 28px; font-size: 2.8rem; font-weight: 600; }

body > .super-hero { height: 550px; padding-left: 0; padding-right: 0; position: relative; overflow: hidden; z-index: 1; }
body > .super-hero > img { max-width: none; height: 100%; }
@media screen and (max-width: 759px) { body > .super-hero > img { margin-left: -470px; } }
@media screen and (min-width: 760px) and (max-width: 1039px) { body > .super-hero > img { margin-left: -260px; } }
@media screen and (min-width: 1040px) { body > .super-hero > img { margin-left: -120px; } }

.site-header { position: relative; z-index: 10; }
.site-header > .header-nav { float: right; margin: 0; }
.site-header > .header-nav > .social-nav { display: inline-block; position: relative; top: 8px; top: 0.8rem; padding-left: 14px; padding-left: 1.4rem; }

.super-hero + .site-header > .header-nav > .site-nav > ul { color: white; }
.super-hero + .site-header > .header-nav a { color: white; -webkit-text-shadow: 0 1px 3px black; -moz-text-shadow: 0 1px 3px black; -ms-text-shadow: 0 1px 3px black; -o-text-shadow: 0 1px 3px black; text-shadow: 0 1px 3px black; }
.super-hero + .site-header > .header-nav a:hover { color: #9e372a; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; -o-text-shadow: none; text-shadow: none; }

.site-identity { display: inline-block; margin-top: 0; padding-top: 7px; padding-top: 0.7rem; padding-right: 20px; padding-right: 2rem; padding-bottom: 7px; padding-bottom: 0.7rem; padding-left: 20px; padding-left: 2rem; background-color: white; }

.super-hero + .site-header { margin-top: -550px; margin-top: -55rem; height: 550px; height: 55rem; }

.site-footer { padding-top: 30px; padding-top: 3rem; padding-bottom: 60px; padding-bottom: 6rem; background-color: #333333; color: #e8e7e3; }
.site-footer a { color: white; }
.site-footer a:hover { color: #9e372a; }
.site-footer h1 { color: white; font-size: 17.5px; font-size: 1.75rem; font-weight: 700; margin-bottom: 14px; margin-bottom: 1.4rem; }

.site-nav { padding-top: 26.25px; padding-top: 2.625rem; display: inline-block; color: white; }
.site-nav > ul { margin: 0; padding: 0; padding-right: 14px; padding-right: 1.4rem; border-right: 1px dotted; color: #9e372a; }
.site-nav > ul > li { display: inline-block; padding-left: 14px; padding-left: 1.4rem; }
.site-nav > ul > li > a { position: relative; font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 17.5px; font-size: 1.75rem; font-weight: 600; text-decoration: none; text-transform: lowercase; color: #9e372a; }
.site-nav > ul > li > a:hover { color: #de8d83; bottom: 2px; text-decoration: underline; }

.site-content { background-color: white; padding-top: 30px; padding-top: 3rem; padding-bottom: 30px; padding-bottom: 3rem; }
.site-content > .row { margin-bottom: 0; }

.tumblr-display { background: gray; color: white; overflow: hidden; margin-top: 30px; margin-top: 3rem; margin-bottom: -30px; margin-bottom: -3rem; padding-top: 30px; padding-top: 3rem; padding-bottom: 30px; padding-bottom: 3rem; }

.tumblr_posts { margin: 0; padding: 0; list-style: none; }
.tumblr_posts > li { border-top: 1px solid; padding-top: 10px; padding-top: 1rem; padding-right: 10px; padding-right: 1rem; padding-bottom: 10px; padding-bottom: 1rem; padding-left: 10px; padding-left: 1rem; }
.tumblr_posts > li .tumblr_title, .tumblr_posts > li .tumblr_body, .tumblr_posts > li > a { color: white; }
.tumblr_posts > li .tumblr_body, .tumblr_posts > li > a { font-weight: 100; }
.tumblr_posts > li .tumblr_title { font-weight: 600; font-size: 17.5px; font-size: 1.75rem; }
.tumblr_posts > li > a { text-decoration: none; }

.social-links { list-style-type: none; margin: 0; padding: 0; }
.social-links > li { display: inline; }
.social-links > li > a { color: #9e372a; font-size: 32px; font-size: 3.2rem; text-decoration: none; }
.social-links > li > a:hover { color: #de8d83; }

.home__featured-items { padding-left: 0; padding-right: 0; }
@media screen and (min-width: 760px) { .home__featured-items { padding-left: 30px; padding-left: 3rem; padding-right: 30px; padding-right: 3rem; } }
.home__featured-items .featured-title { margin: 0; font-size: 21px; font-size: 2.1rem; color: white; }
@media screen and (min-width: 760px) { .home__featured-items .featured-title { margin-top: 20px; margin-top: 2rem; } }
@media screen and (min-width: 1040px) { .home__featured-items .featured-title { margin-top: 50px; margin-top: 5rem; } }
.home__featured-items .featured-subtitle { margin: 0; font-size: 14px; font-size: 1.4rem; color: white; font-style: italic; font-weight: 100; }
.home__featured-items .featured-block { width: 100%; padding: 30px; }
@media screen and (min-width: 760px) { .home__featured-items .featured-block { width: 100%; height: 172px; padding: 30px; } }
@media screen and (min-width: 1040px) { .home__featured-items .featured-block { width: 474px; height: 250px; padding: 30px; } }
.home__featured-items .featured-block--color { background-color: #333333; }

.tag-nav > ul > li > a { line-height: 1; padding: 1em 2.5em; background-color: #333333; border: 1px solid #1a1a1a; -webkit-transition-property: background-color; -moz-transition-property: background-color; -ms-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); color: #e8e7e3; padding: 0.25em 1em; font-size: 10px; font-size: 1rem; text-decoration: none; }
.tag-nav > ul > li > a:focus, .tag-nav > ul > li > a:hover { background-color: #595959; }
.tag-nav > ul > li > a:hover { color: white; }

.clear:after { content: "."; display: block; height: 1px; line-height: 1px; visibility: hidden; clear: both; }

img.right, figure.right { float: right; margin-left: 28px; margin-bottom: 28px; }

img.left, figure.left { float: left; margin-right: 28px; margin-bottom: 28px; }

.button { display: inline-block; font-weight: 100; text-decoration: none; line-height: 1; padding: 1em 2.5em; background-color: #9e372a; border: 1px solid #76291f; -webkit-transition-property: background-color; -moz-transition-property: background-color; -ms-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); }
.button:focus, .button:hover { background-color: #ce5647; }

.small-button { font-size: 12.25px; font-size: 1.225rem; padding: 0.5em 1.25em; }

.button-list { list-style-type: none; margin: 0; padding: 0; }
.button-list > li > a { width: 100%; margin: 0; margin-top: 3.5px; margin-top: 0.35rem; }

h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; margin: 0.75em 0 0; line-height: 1.6; }

.drophead { font-weight: 900; }

h1 + .drophead { font-size: 21px; font-size: 2.1rem; }

h1 { font-size: 28px; font-size: 2.8rem; font-weight: normal; color: #9e372a; }

h2 { font-size: 21px; font-size: 2.1rem; font-weight: 500; color: #76291f; }

h3 { font-size: 15.75px; font-size: 1.575rem; color: #4d1b15; }

h4 { font-size: 14px; font-size: 1.4rem; color: #250d0a; }

h5 { font-size: 12.25px; font-size: 1.225rem; color: #250d0a; }

h6 { font-size: 10.5px; font-size: 1.05rem; color: #250d0a; }

hgroup { margin: 2em 0; }
hgroup * { margin: 0; }

.menu { list-style-type: none; margin: 0; margin-top: 14px; margin-top: 1.4rem; margin-bottom: 14px; margin-bottom: 1.4rem; padding: 0; }
